<template>
	<view>
		<view class="ss">
			<text style="width: 100%;position: relative;">
				<input  class="ss1" type="text" value="" placeholder="南博会|服务,资讯"/>
				<image src="./搜索.png" mode=""></image>
			</text>
			<text class="btn1"> 
			<text>3D展厅</text>
			</text>
		</view>
		<view class="box1">
			<text class="text"> <text class="t1">热门展台</text> <text class="t2">全部></text></text>
		</view>
	
				<view>
					<view class="box2" @click="aa">
							<view class="b-img">
								<image src="../3d/电次2.png" mode=""></image>
								<text class="top">Top1</text>
							</view>
							<view class="b-text">
								<text class="b-bt">嘉华鲜花饼</text>
								<text class="gs">北京京东技术有限公司...</text>
								<text class="b-js">
									<text class="kj">金融科技</text>
									<text>1.2万人看过</text>	
								</text>
								
							</view>
							
						</view>
						<view class="box2">
								<view class="b-img">
									<image src="../3d/电次2.png" mode=""></image>
									<text class="top">Top2</text>
								</view>
								<view class="b-text">
									<text class="b-bt">嘉华鲜花饼</text>
									<text class="gs">北京京东技术有限公司...</text>
									<text class="b-js">
										<text class="kj">金融科技</text>
										<text>1.2万人看过</text>	
									</text>
									
								</view>
								
							</view>
							<view class="box2">
									<view class="b-img">
										<image src="../3d/电次2.png" mode=""></image>
										<text class="top">Top3</text>
									</view>
									<view class="b-text">
										<text class="b-bt">嘉华鲜花饼</text>
										<text class="gs">北京京东技术有限公司...</text>
										<text class="b-js">
											<text class="kj">金融科技</text>
											<text>1.2万人看过</text>	
										</text>
										
									</view>
									
								</view>
				</view>	
				<view class="bg">
					
				</view>
				<xw></xw>
				
		</view>
	</view>
</template>

<script>
	import xw from '@/pages/lb/xw.vue'
	export default {
			data() {
				return {
					keyword: ''
				}
				
			},components:{
				xw
			},
			methods:{
				aa(){
					uni.navigateTo({
						url:'./zt'
					})
				}
			}
			
		}
</script>

<style>
	.ss{
		width: 100%;
		padding: 10px;
		display: flex;
		margin: 5px;
	}
	.ss1{
		border-radius: 15px;
		padding: 5px;
		padding-left: 15px;
		
		border: 1px solid ;
		width: 220px;
		}

	.ss image{
		position: absolute;
		width: 20px;
		top: 7px;
		right: 25px;
		height: 20px;
	}
	
	.btn1{
		width: 130px;
		height: 35px;
		line-height:35px;
		text-align: center;
		border-radius: 20px;
		background: #2979FF;
		
		}
	.text{
		display: flex;
		flex-direction: column;
		height: 30px;
		line-height: 30px;
	}
	.t1{
		margin: 10px;
		font-size: 20px;float: left;
		font-weight: 600;
	}
	.t2{
		float: right;
		margin: 10px;
	}
	.box2{
		width: 100%;
		height: 100px;
		margin: 20px;
		display: flex;
	}
	.b-img{
		position: relative;
		overflow: hidden;
		width: 150px;
		height: 100px;
		border-radius: 15px;
	}
	.top{
		width: 60px;
		height: 30px;
		color: #fff;
		background: #F29100;
		text-align: center;
		line-height: 30px;
		position: absolute;
		left: -5px;
		border-radius: 8px;
		bottom: -3px;
	}
	.b-text{
		display: flex;
		flex-direction: column;
		margin-left: 10px;
		
	}
	.b-text .b-bt{
		font-size: 20px;
		font-weight: 600;
		margin: 10rpx;
	}
	.gs{
		color: #ccc;
		font-size: 14px;
		
		margin-bottom: 20px;
	}
	.b-js{
		color: #ccc;
		font-size: 14px;
		display: flex;
		
		
	}
	.kj{
		margin-right: 20px;
	}
	.bg{
		width: 100%;
		height: 10px;
		background:#999;
	}
</style>
